<!doctype html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>疆贸网综合服务平台</title>
	<meta name="keywords" content="外贸,服务平台">
	<meta name="description" content="疆贸网综合服务平台，助力出海！">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no">
	<link rel="stylesheet" href="${tpath}/static/bootstrap/css/bootstrap.min.css" >
	<link rel="stylesheet" href="${tpath}/static/font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="${tpath}/static/css/aoyun.css?v=v1.3.5" >
	<link rel="stylesheet" href="${tpath}/static/swiper-4.3.5/css/swiper.min.css">
	<link rel="stylesheet" href="${tpath}/static/css/animate.css">
	<script src="${tpath}/static/js/jquery-1.12.4.min.js" ></script>
</head>
<body>
<!-- header start -->
<#include "${tpath}/header.html">
<!-- header end -->

<!-- top start -->
<#include "${tpath}/top.html">
<!-- top end -->

<div class="container pages">

	<!-- position start -->
	<#include "${tpath}/position.html">
	<!-- position end -->

	<!-- 搜索-->
	<form class="form-inline mb-5 justify-content-center" action="${currentSite.url}/search"  method="get">
		<div class="form-group mx-sm-3 mb-2">
			<input type="text" name="keyword" class="form-control" placeholder="请输入关键字">
		</div>
		<button type="submit" class="btn btn-info mb-2">搜索</button>
	</form>

	<!-- 图文列表 -->
	<@content_page categoryId=currentCategory.id pageNumber=pageNumber pageSize = 8>
    <div class="row">
		<#list contentPage.records as content>
            <div class="col-12 col-sm-6 col-lg-3 wow zoomIn" data-wow-delay="${content_index+1}00ms" data-wow-duration="1s">
              <div class="card">
                  <div class="card-img-150"><a href="${content.path}"><img class="card-img-top" src="${content.ico}" alt="${content.title}"></a></div>
                  <div class="card-body">
                    <h5 class="card-title"><a href="${content.path}">${abbreviate(content.title,12,'')}</a></h5>
                    <p class="card-text">
                    <#if content.isTop?? && content.isTop>
                		<span class="badge badge-danger">置顶</span>
                	<#elseif content.isRecommend?? && content.isRecommend>
                		<span class="badge badge-warning">推荐</span>
                	<#elseif content.isHeadline?? && content.isHeadline>
                		<span class="badge badge-info">头条</span>
					</#if>
                	${abbreviate(content.text,50,'')}
                	</p>
                	<!-- <p>
                  		<a href="javascript:;"><span class="badge badge-secondary">tag</span></a>
					</p> -->
                  </div>
               </div>
         	</div>
		</#list>
    </div>

 	<!-- page start -->
	<@pagination pageNumber=contentPage.current totalPages=contentPage.pages pattern=currentCategory.path+"?pageNumber=">
		<#include "${tpath}/page.html">
	</@pagination>
    <!-- page end -->

	</@content_page>
    
</div>

<!-- footer start -->
<#include "${tpath}/footer.html">
<!-- footer end -->

</body>
</html>

